<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="bootstrap/js/jquery-1.9.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
<h1>fdgdfgdfg</h1>


<div class="container">

    <div class="row">

        <div class="col-md-4">

            dfsdfjsdlkfffffffffffffffffffjsdlkffffff
        </div>
        <div class="col-md-4">sdfjlsdjfskdfjsdfj</div>
        <div class="col-md-4">sdjfkkkkkkkkkk</div>

    </div>
    <div class="row">

        <div class="col-md-1">dsfaaaaaaaa</div>
        <div class="col-md-3 col-md-offset-3">sdfjslkdfj</div>
        <div class="col-md-1">sdffffffffffff</div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <thead>
                <tr class="alert-danger">
                    <th>sdfdsf</th>
                    <th>sdfdsf</th>
                    <th>sdfdsf</th>
                </tr>
                </thead>
                <tbody>
                <tr class="alert-success">
                    <td>dsfsdfdf</td>
                    <td>dsfsdfdf</td>
                    <td>dsfsdfdf</td>
                </tr>
                <tr class="alert-warning">
                    <td>dsf</td>
                    <td>dsf</td>
                    <td>dsf</td>
                </tr>
                <tr class="alert-info">
                    <td>dsf</td>
                    <td>dsf</td>
                    <td>dsf</td>
                </tr>
                </tbody>

            </table>

        </div>

    </div>
    <div class="row">
        <div class="col-md-12">

            <form>
                <div class="form-group">
                    <label for="email">email address</label>
                    <input type="email" class="form-control" id="email" placeholder="email holder">
                </div>
                <div class="form-group">
                    <label for="password">password:</label>
                    <input type="password" class="form-control" id="password" placeholder="password holder">
                </div>
                <div class="form-group">
                    <label for="user">user:</label>
                    <input type="text" id="user" class="form-control" placeholder="user holder">
                </div>
                <div class="form-group">
                    <label for="file">file:</label>
                    <input type="file" id="file">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> check
                    </label>
                </div>
                <div class="form-group">
                    <textarea class="form-control" rows="3"></textarea>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-default">submit</button>
                    <button type="reset" class="btn btn-default">reset</button>
                    <button type="button" class="btn btn-danger">danger</button>
                    <button type="button" class="btn btn-success">success</button>
                    <button type="button" class="btn btn-warning">waring</button>
                    <button type="button" class="btn btn-info">info</button>
                </div>
                <div class="form-group">
                    <a href="#" class="btn btn-default">default</a>
                    <a href="#" class="btn btn-success">success</a>
                    <a href="#" class="btn btn-danger">danger</a>
                    <a href="#" class="btn btn-warning">waring</a>
                    <a href="#" class="btn btn-info">info</a>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form class="form-inline">
                <div class="form-group">
                    <label for="user1">user1:</label>
                    <input type="text" class="form-control" id="user1" placeholder="user">
                </div>
                <div class="form-group">
                    <label for="email1">email1:</label>
                    <input type="text" class="form-control" id="email1">
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-default">submit</button>
                    <button type="reset" class="btn btn-default">reset</button>
                </div>

            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <form class="form-inline">
                <div class="form-group">
                    <label for="user2">user2:</label>
                    <input type="text" class="form-control" id="user2" placeholder="user">
                </div>
                <div class="form-group">
                    <label for="email2">email2:</label>
                    <input type="text" class="form-control" id="email2">
                </div>
                <div class="form-group">
                    <label>
                        <input type="checkbox">remember me
                    </label>
                </div>
                <div class="form-group">
                    <a href="#" class="btn btn-default">sign in</a>
                </div>

            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form class="form-inline">
                <div class="form-group">
                    <label class="sr-only" for="amount">amount:</label>

                    <div class="input-group">
                        <div class="input-group-addon">$</div>
                        <input type="text" class="form-control" id="amount" placeholder="amount">

                        <div class="input-group-addon">.00</div>
                    </div>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-default">transfer cash</button>
                </div>


                <br>

                <div class="form-group">
                    <div class="checkbox" style="display: block;">
                        <label>
                            <input type="checkbox" value="">
                            option1
                        </label>
                    </div>
                    <div class="checkbox disabled" style="display: block">
                        <label>
                            <input type="checkbox" value="" disabled>
                            option2 is disabled
                        </label>
                    </div>
                </div>
                <br>

                <div class="form-group">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionr1" value="option1" checked>
                            option1
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionr1" value="option2">
                            option2
                        </label>
                    </div>
                    <div class="radio">
                        <label>
                            <input disabled type="radio" name="optionr1" value="option3">
                            option3
                        </label>
                    </div>

                </div>
            </form>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>

    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="form-group">
                    <label class="checkbox-inline">
                        <input type="checkbox" id="checkbox1" value="op1">op1
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" id="checkbox2" value="op2">aop2
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" id="checkbox3" value="op3">aop3
                    </label>


                    <br>
                    <label class="radio-inline">
                        <input type="radio" name="rd" value="rd1"> rd1
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="rd" value="rd2"> rd3
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="rd" value="rd3"> rd3
                    </label>
                </div>
                <div class="form-group">
                    <select class="form-control">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </div>
                <div class="form-group">
                    <select multiple class="form-control">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form>
                <fieldset disabled>
                    <div class="form-group">
                        <label for="inputtext">inputtext:</label>
                        <input type="text" id="inputtext" class="form-control">
                    </div>

                    <div class="form-group">
                        <label for="inputselect">inputselect:</label>
                        <select id="inputselect" class="form-control">
                            <option>disable select</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>
                            <input type="checkbox"> cant check this
                        </label>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">submit</button>
                    </div>

                </fieldset>
                <div class="form-group">
                    <input class="form-control" type="text" readonly placeholder="readonly">
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="form-group has-error">
                    <label class="control-label" for="user3">user3:</label>
                    <input type="text" class="form-control" id="user3" placeholder="use3">
                </div>
                <div class="form-group has-warning">
                    <label class="control-label" for="user4">user3:</label>
                    <input type="text" class="form-control" id="user4" placeholder="use3">
                </div>
                <div class="form-group has-success">
                    <label class="control-label" for="user5">user3:</label>
                    <input type="text" class="form-control" id="user5" placeholder="use3">
                </div>

                <div class="has-success">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> ck1
                        </label>
                    </div>
                </div>

            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="form-group has-success has-feedback">
                    <label class="control-label" for="inputSuccess2">Input with success</label>
                    <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">
                    <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
                    <span id="inputSuccess2Status" class="sr-only">(success)</span>
                </div>
                <div class="form-group has-warning has-feedback">
                    <label class="control-label" for="inputWarning2">Input with warning</label>
                    <input type="text" class="form-control" id="inputWarning2" aria-describedby="inputWarning2Status">
                    <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true"></span>
                    <span id="inputWarning2Status" class="sr-only">(warning)</span>
                </div>
                <div class="form-group has-error has-feedback">
                    <label class="control-label" for="inputError2">Input with error</label>
                    <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
                    <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
                    <span id="inputError2Status" class="sr-only">(error)</span>
                </div>
                <div class="form-group has-success has-feedback">
                    <label class="control-label" for="inputGroupSuccess1">Input group with success</label>

                    <div class="input-group">
                        <span class="input-group-addon">@</span>
                        <input type="text" class="form-control" id="inputGroupSuccess1"
                               aria-describedby="inputGroupSuccess1Status">
                    </div>
                    <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
                    <span id="inputGroupSuccess1Status" class="sr-only">(success)</span>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form>
                <div class="form-group">
                    <button type="button" class="btn btn-default btn-lg">lg dsddd</button>
                    <button type="button" class="btn btn-default ">default sdsdsd</button>
                    <button type="button" class="btn btn-default btn-sm">sm sdsdsd</button>
                    <button type="button" class="btn btn-default btn-xs">xs sdsdsd</button>
                    <button type="button" class="btn btn-default btn-block">block</button>
                </div>
                <div class="form-group">
                    <img src="img/3.PNG" alt="..." class="img-circle">
                    <img src="img/3.PNG" alt="..." class="img-rounded">
                    <img src="img/3.PNG" alt="..." class="img-thumbnail">
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p class="bg-primary">sdfjlkjdfskjdflsjdflsjdf</p>

            <p class="bg-success">sdfjlkjdfskjdflsjdflsjdf</p>

            <p class="bg-warning">sdfjlkjdfskjdflsjdflsjdf</p>

            <p class="bg-danger">sdfjlkjdfskjdflsjdflsjdf</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div>
                <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div>
                <span class="caret"></span>
            </div>
        </div>
    </div>
</div>
</body>
</html>